<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>诊断日志</title>
	<link rel="stylesheet" href="../../../layui/css/layui.css">
</head>
<body style="background-color:#fff;">

<div class="layui-fluid">
	<!-- 展示诊断日志 start -->
	<div class="layui-row">
		<fieldset class="layui-elem-field site-demo-button" style="margin-top: 30px;padding: 15px;">
			<legend>条件搜索</legend>
			<div>
				<form class="layui-form layui-form-pane" lay-filter="search-log" action="">
					<div class="layui-form-item">
						<div class="layui-inline">
							<div class="layui-input-block">
								<input type="text" name="name" autocomplete="off" placeholder="请输入日志关键词"
									   class="layui-input" lay-verify="required">
							</div>
						</div>
						<div class="layui-inline">
							<button class="layui-btn layui-btn-sm" lay-submit="" lay-filter="search-log">
								<i class="layui-icon layui-icon-search"></i>
								搜索
							</button>
						</div>
					</div>

				</form>
			</div>
		</fieldset>


		<table class="layui-hide" id="logList" lay-filter="logList"></table>
	</div>
	<!-- 展示诊断日志 end -->
</div>


<script src="../../../layui/layui.js"></script>
<script>
	layui.use(['jquery', 'table', 'form'], function () {
		var $ = layui.jquery; // 注册 jquery 组件
		var form = layui.form;// 注册 form 组件
		var table = layui.table;// 注册 table 组件

		//渲染诊断日志表格
		table.render({
			elem: '#logList' //指定原始表格元素选择器（推荐id选择器）
			// 换成真实数据接口时要把 type=2(诊断日志) 传回后台
			, url: '/hospital_management_system/json/manager/log/AdviceLogList.json?type=2'
			, cellMinWidth: 80
			, cols: [[
				{field: 'id', title: '编号', sort: true, align: 'center'},
				{field: 'oprater', title: '操作人', width: 200, align: 'center'},
				{field: 'content', title: '内容', align: 'center'},
				{field: 'logDate', title: '时间', align: 'center'}
			]] //设置表头
			, page: true //开启分页
			, request: {
				pageName: 'currentPage' //页码的参数名称，默认：page
				, limitName: 'everyPage' //每页数据量的参数名，默认：limit
			}
		});

		//搜索诊断表单提交
		form.on('submit(search-log)', function (data) {
			console.log(data.elem); //被执行事件的元素DOM对象，一般为button对象
			console.log(data.form); //被执行提交的form对象，一般在存在form标签时才会返回
			console.log(data.field); //当前容器的全部表单字段，名值对形式：{name: value}
			//根据条件重新渲染表格
			table.reload('logList', {
				url: '/hospital_management_system/json/manager/log/AdviceLogList.json'
				, where: {
					"name": data.field.name,
					"type": 2
				} //设定异步数据接口的额外参数
			});

			return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
		});


	});
</script>
</body>
</html>
